/* 下面开始文本排版 */


#text-table-of-contents {


}


header {
    background-color: cyan;
}

#table-of-contents > h2 {
    background-color: grey;
}

.outline-2 > h2, .outline-3 > h3, .outline-4 > h4 {
    background-color: salmon;
}

.outline-2 > h2 span, .outline-3 > h3 > span, .outline-4 > h4 > span {
    line-height: 4rem;
}

.outline-text-2, .outline-text-3, .outline-text-4 {
    margin: 0 2em;
}


.src {
    padding: 8px;
    border-width: thin;
    border-color: black;
    border-style: solid;
    border-radius: 10px;
}

#postamble {
    height: 4rem;
    font-size: 1rem;
    margin: 2px;
    background-color: rebeccapurple;
}










/* 下面开始 flexbox 布局配置  */

body {
    display: flex;
    flex-flow: column nowrap;
}

#content {
    display: flex;
    flex-flow: column nowrap;
}

header {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
}



.outline-2, .outline-3, .outline-4 {
    display: flex;
    flex-flow: column nowrap;
}


#postamble {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
}


